.login {
  width: 100%;
  height: 100%;
  background: white;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;

  background: linear-gradient(to right, #a1c4fd 0%, #c2e9fb 100%);


  .box {
    width: 75%;
    height: 75%;
    // border: 1px solid black;
    display: flex;


    .left {
      width: 50%;
      height: 100%;
      background: linear-gradient(-90deg, #29bdd9 0%, #276ace 100%);
          color: white;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-around;
      h1{
        font-size: 70px;
        letter-spacing: 10px;
        font-weight: 400;
        color: white;
      }
      .div2{

        display: flex;
        align-items: center;
        flex-direction: column;
        p{
          letter-spacing: 1px;
          padding: 3px;
        }
      }
    }

    .right {
      width: 50%;
      height: 100%;
      background: white;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      input{
        width: 300px;
        margin: 10px 0;
      }
      .div1{
        font-weight: 600;
        font-size: 20px;
      }

      .pass{
        width: 300px;
        display: flex;
        justify-content: space-between;
        color: blue;
        align-items: center;
      }
      .btns{
        display: flex;
        flex-direction: column;
        p{
          display: flex;
          flex-direction: column;
        }
        .span1{color: red;}
        button{
          margin: 10px 0;
          width: 300px;
          border-radius: 30px;
        }
      }

    }
  }

}